<!--
 描述: 酷屏首页模板
 作者: Jack Chen
 日期: 2020-04-29
-->

<template>
  <div class="home-container">
  	<div class="wrap" ref="editor">
      <div class="top"></div>

        <test></test>

      <sinan />

      <!--新闻快讯-->
      <seamless />
<!--      <pyramid />-->
      <china-map></china-map>

<!--      <scrollArc />-->
<!--        双轴柱状图-->
<!--      <szBar />-->

<!--        环形气泡图-->
<!--      <ringPin />-->

<!--      <rotateColorful />-->

<!--      中收管理费-->
      <circleRunway />

      <!--大类资产配置情况-->
      <scanRadius />

      <!--投资收益--->
      <cakeLinkage />

      <!--金字塔趋势-->
<!--      <pyramidTrend />-->

<!--        动态折线图  -->
<!--      <dynamicLine />-->

<!--        人员占比-->
<!--      <staffMix />-->

<!--        闪动云  -->
<!--      <flashCloud />-->

<!--        环形饼图-->
<!--      <ringPie />-->

      <!--多彩雷达-->
<!--      <colorfulRadar />-->

      <!---客户数-->
      <dynamicList />

      <bar3d />
<!--      <colorfulArea />-->

<!--   年度规模 />-->
      <gauge />

<!--        水球图  -->
<!--      <waterPolo />-->

<!--        圆环套圆环 -->
<!--      <circleNesting />-->

<!--      <customer-number></customer-number>-->

<!--        资产/产品规模-->
      <product-size></product-size>
<!--      净申购-->
      <net-purchase></net-purchase>

      <net-acquisition-size></net-acquisition-size>

      <big-class-configuration-trend></big-class-configuration-trend>

<!--        股票行业配置  -->
      <stock-configuration></stock-configuration>
<!--        债券分类配置-->
      <bond-class-configuration></bond-class-configuration>

      <channel-size></channel-size>


      <div class="divider"></div>

    </div>
    
  </div>
</template>

<script>
import { screenSize } from '@/assets/js/utils'
import test from './test'
export default {
  name: 'Home',
  components: {test},
  data() {
  	return {
        myChart2:{},
        eo2:{
            title: {
                text: '全国地图大数据',
                subtext: '',
                x:'center'
            },
            tooltip : {
                trigger: 'item'
            },
            //左侧小导航图标
            visualMap: {
                show : true,
                x: 'left',
                y: 'center',
                // splitList: [
                //   {start:1 , end:1},{start: 1, end: 1},
                //   {start:1 , end:1 },{start:1 , end:1 },
                //   {start:1 , end:1 },{start: 1, end:1 },
                // ],
                color: ['#5475f5', '#9feaa5', '#85daef','#74e2ca', '#e6ac53', '#9fb5ea']
            },

            //配置属性
            series: [{
                name: '数据',
                type: 'map',
                mapType: 'china',
                roam: true,
                label: {
                    normal: {
                        show: true  //省份名称
                    },
                    emphasis: {
                        show: false
                    }
                },
                data:[
                    {name: '北京',value: '' },{name: '天津',value: 300 },
                    {name: '上海',value: 110 },{name: '重庆',value: 110 },
                    {name: '河北',value: 110 },{name: '河南',value: 110 },
                    {name: '云南',value: 110 },{name: '辽宁',value: 110 },
                    {name: '黑龙江',value: 110 },{name: '湖南',value: 110 },
                    {name: '安徽',value: 110 },{name: '山东',value: 110 },
                    {name: '新疆',value: 110 },{name: '江苏',value: 400 },
                    {name: '浙江',value: 110 },{name: '江西',value: 110 },
                    {name: '湖北',value: 110 },{name: '广西',value: 110 },
                    {name: '甘肃',value: 110 },{name: '山西',value: 110 },
                    {name: '内蒙古',value: 110 },{name: '陕西',value: 110 },
                    {name: '吉林',value: 110 },{name: '福建',value: 110 },
                    {name: '贵州',value: 110 },{name: '广东',value: 110 },
                    {name: '青海',value: 110 },{name: '西藏',value: 110 },
                    {name: '四川',value: 110 },{name: '宁夏',value: 110 },
                    {name: '海南',value: 110 },{name: '台湾',value: 110 },
                    {name: '香港',value: 110 },{name: '澳门',value: 110 }
                ],  //数据
            }]
        }
  	}
  },
  computed: {
  	
  },
  created() {
  },
  mounted() {
    screenSize(this.$refs.editor);
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.home-container {
	position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  .wrap {
    transform-origin: 0px 0px 0px;
    background: url(../assets/img/bj.jpg) no-repeat;
    background-size: contain;
    background-position: 50% 0;
    background-color: rgb(0, 0, 0);
    min-width: auto;
    width: 1920px;
    min-height: auto;
    height: 1080px;
    overflow: auto;
    .top {
      position: absolute;
      left: 0; 
      top: 0; 
      width: 100%; 
      height: 80px; 
      background-color: transparent; 
      background: url(../assets/img/top_nav.png) no-repeat; 
      background-position: 65% 0;
      border: none; 
      overflow: hidden;
    }
    .divider {
      position: absolute;
      left: 50px;
      top: 3253px;
      width: 90%;
      height: 50px;
      width: 300px;
      border: none;
      background: transparent;
    }

  }
}	
</style>
